<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>上海大学选课系统</title>
<script type="text/javascript" src="static/jquery.min.js"></script>
<link rel="stylesheet" href="static/pure-min.css" />
<style type="text/css">
body {
	background: url(static/bg.gif);
}
.login-box {
	margin: 120px auto;
	width: 440px;
	box-shadow: 0 0 8px gray;
	border-radius: 3px;
	background: url(static/banner.jpg) top center no-repeat;
}
.season {
	font: 26px/54px 微软雅黑;
	margin:0 10px;
	text-align: center;
}
.login-input {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 15px 20px 20px 183px;
	background: white url(static/shulogo.png) 3% center no-repeat;
}
.pure-input-1-2 {
	width: 235px!important;
}
.list {
	font: 16px 微软雅黑;
	text-align: center;
	margin: -6px 0px 8px;
}
.pure-form .pure-group input {
	padding: 8px!important;
}
.captcha {
	background: url(lib/Captcha.php) 95% center no-repeat;
}
.errmsg {
	background: red;
	text-align: center;
	font: 16px/40px SimSun;
	color: white;
}
</style>
</head>
<body>
<?php if($_GET['act'] && $_GET['act'] == 'err') { ?>
<div class="errmsg">
	登录失败，请检查您的登录信息是否正确！
</div>
<?php } ?>
<div class="login-box">
	<div class="season">
		2013-2014学年春季学期选课系统
	</div>
	<div class="login-input">
		<form class="pure-form" name="logindata" action="ctrl/login.php" method="post">
			<fieldset class="pure-group">
				<input type="text" name="idno" placeholder="学号/工号" required value class="pure-input-1-2" maxlength="8" />
				<input type="password" name="pwd" placeholder="密码" required value class="pure-input-1-2" />
				<input type="text" name="captcha" placeholder="验证码" required value class="pure-input-1-2 captcha" maxlength="4" />
			</fieldset>
			<div class="list">
				<label>
				<input name="who" type="radio" value="1" checked>
					学生　 
				</label>
				<label>
				<input name="who" type="radio" value="2">
					教师　 
				</label>
				<label>
				<input name="who" type="radio" value="3">
					管理
				</label>
			</div>
			<button type="submit" class="pure-button pure-input-1-2 pure-button-primary">登　录</button>
		</form>
	</div>
</div>
<script>
$(function() {
	if(	$(".errmsg").length > 0 ) {
		setTimeout(function(){$(".errmsg").animate({opacity:0})},2000);
	}
});
</script>
</body>
</html>
